<template>
  <a-card :title="false" style="height: 620px">
    <a-tabs type="card">
      <a-tab-pane key="1" tab="报价">
        <a-spin :spinning="priceLoading">
          <a-row>
            <a-col :span="3">
              <a-tabs :style="{ height: '485px' }" default-active-key="1" tab-position="left" @change="onChangeCategory">
                <a-tab-pane v-for="(item,index) in businessMenu" :key="index" :tab="item"></a-tab-pane>
              </a-tabs>
            </a-col>
            <a-col :span="21">
              <a-table
                :row-key="(record) => record.business_id"
                :data-source="businessData"
                :columns="businessList"
                size="small"
              >
                <template slot="official_fee" slot-scope="text">
                  <a-tag color="red">{{ text }}</a-tag>
                </template>
                <template slot="offer_section_lft" slot-scope="text">
                  <a-tag color="red">{{ text }}</a-tag>
                </template>
                <template slot="offer_section_rgt" slot-scope="text">
                  <a-tag color="red">{{ text }}</a-tag>
                </template>
              </a-table>
            </a-col>
          </a-row>
        </a-spin>
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
export default {
  name: 'RightCol'
}
</script>

<style scoped>

</style>
